<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale:1.0">
  <title>预约</title>
  <link rel="stylesheet" type="text/css" href="../font-icon/iconfont.css">
  <link rel="stylesheet" type="text/css" href="../swiper/swiper-bundle.min.css">
  <link rel="stylesheet" type="text/css" href="../container/Header.css">
  <style>
    body {
      --font: 100%;
      padding: 0;
      margin: 0;
      font-size: 14px;
    }
    a
    {
      text-decoration: none;
    }
    .yuyeimg
    {
      width:100%;
      height:195px;
      margin-top:38px;
    }
    .white-1
    {
      top:38px;
    }
    .zaixian
    {
      padding:30px 20px;
    }
    .h2
    {
      font-weight: normal;
      color:#3399ff;
      border-bottom: 1px solid #eeeeee;
      padding-bottom:10px;
    }
    .xinxi
    {
      margin-top: 20px;
    }
    input
    {
      width:100%;
      height:30px;
      margin-top:14px;
      text-indent: 8px;
      border: 1px solid #dddee1;
      border-radius: 5px;
      padding-right:8px;
    }
    textarea
    {
      width:100%;
      height:94px;
      margin-top: 14px;
      text-indent: 8px;
      padding:10px 0;
      resize: none;
      border: 1px solid #dddee1;
      color:black;
      border-radius: 5px;
      font-size: 16px;
    }
    select
    {
      width:100%;
      height:30px;
      border: 1px solid #dddee1;
      margin-top:14px;
      text-indent: 8px;
      border-radius: 5px;
      padding-right:8px;
    }
    input[type='button']
    {
      margin-top: 5px;
      background-color: #3399ff;
      color:white;
      line-height: 10px;
      padding:10px;
    }
    option
    {
      border: 1px solid #dddee1;
      padding:10px;
    }
    *
    {
      padding:0;
      margin:0;
      box-sizing: border-box;
    }



  </style>
</head>
<body>
<section></section>
<ul class="white-1">
</ul>

<script src="../waibujs/header.js"></script>
<div class="container">
  <div class="yuyeimg">
    <img src="http://w3.dfqy.com/Uploads/Picture/2017-06-02/5930d0874349e.png">
  </div>
  <div class="zaixian">
    <h2 class="h2">在线预约</h2>
    <p class="xinxi">东方启音拥有完善的信息保密系统， 您的个人信息仅用于方便你的预约，请放心填写。</p>
    <select id="listkk" placeholder="请选择服务类型">
      <option value="2-3岁不会讲话、讲话晚、发育迟缓">2-3岁不会讲话、讲话晚、发育迟缓</option>
      <option value="发音不清、流口水">发音不清、流口水</option>
      <option value="自闭症、轻微自闭症倾向、社交障碍">自闭症、轻微自闭症倾向、社交障碍</option>
      <option value="听障">听障</option>
      <option value="腭裂术后">腭裂术后</option>
      <option value="咀嚼障碍">咀嚼障碍</option>
      <option value="吞咽障碍">吞咽障碍</option>
      <option value="构音障碍">构音障碍</option>
      <option value="口吃">口吃</option>
      <option value="感统失调">感统失调</option>
      <option value="专注力差、多动症、注意力不集中">专注力差、多动症、注意力不集中</option>
      <option value="唐氏症">唐氏症</option>
      <option value="脑瘫">脑瘫</option>
      <option value="学习障碍、阅读障碍、读写障碍">学习障碍、阅读障碍、读写障碍</option>
      <option value="逻辑表达差">逻辑表达差</option>
      <option value="失语症、成人失语、中风">失语症、成人失语、中风</option>
      <option value="言语障碍、言语治疗">言语障碍、言语治疗</option>
      <option value="言语训练、喂吃训练">言语训练、喂吃训练</option>
      <option value="代谢病">代谢病</option>
      <option value="天使综合症/安格曼综合/快乐木偶综合症">天使综合症/安格曼综合/快乐木偶综合症</option>
    </select>
    <select id="xuanze" placeholder="请选择选择中心">
      <option value="深圳五和中心">深圳五和中心</option>
      <option value="杭州上城中心">杭州上城中心</option>
      <option value="武汉江岸中心">武汉江岸中心</option>
      <option value="郑州管城中心">郑州管城中心</option>
      <option value="长沙天心中心">长沙天心中心</option>
      <option value="福州鼓楼中心">福州鼓楼中心</option>
      <option value="重庆英利中心">重庆英利中心</option>
      <option value="北京海淀中心">北京海淀中心</option>
      <option value="西安含光中心">西安含光中心</option>
      <option value="青岛市北中心">青岛市北中心</option>
      <option value="深圳总部">深圳总部</option>
      <option value="上海苗圃中心">上海苗圃中心</option>
      <option value="成都武侯中心">成都武侯中心</option>
      <option value="深圳南山中心">深圳南山中心</option>
      <option value="西安莲湖中心">西安莲湖中心</option>
      <option value="合肥蜀山中心">合肥蜀山中心</option>
      <option value="上海杨浦中心">上海杨浦中心</option>
      <option value="青岛城阳中心">青岛城阳中心</option>
      <option value="重庆渝北中心">重庆渝北中心</option>
      <option value="广州番禺中心">广州番禺中心</option>
      <option value="南京雨花台中心">南京雨花台中心</option>
      <option value="深圳金田中心">深圳金田中心</option>
      <option value="南昌东湖中心">南昌东湖中心</option>
      <option value="上海长宁中心">上海长宁中心</option>
      <option value="合肥瑶海中心">合肥瑶海中心</option>
      <option value="苏州姑苏中心">苏州姑苏中心</option>
      <option value="东莞莞城中心">东莞莞城中心</option>
      <option value="武汉香港路中心">武汉香港路中心</option>
      <option value="长沙星沙中心">长沙星沙中心</option>
      <option value="成都青羊中心">成都青羊中心</option>
      <option value="武汉武昌中心">武汉武昌中心</option>
      <option value="北京诸园中心">北京诸园中心</option>
      <option value="北京朝阳中心">北京朝阳中心</option>
      <option value="上海浦东（北园路）中心">上海浦东（北园路）中心</option>
      <option value="上海浦东中心">上海浦东中心</option>
      <option value="上海浦西中心">上海浦西中心</option>
      <option value="广州维多利中心">广州维多利中心</option>
      <option value="广州天河中心">广州天河中心</option>
      <option value="广州越秀中心">广州越秀中心</option>
      <option value="深圳福田中心">深圳福田中心</option>
      <option value="深圳宝安中心">深圳宝安中心</option>
      <option value="南京凤凰中心">南京凤凰中心</option>
      <option value="佛山祖庙中心">佛山祖庙中心</option>
      <option value="东莞南城中心">东莞南城中心</option>
      <option value="东莞厚街中心">东莞厚街中心</option>
      <option value="武汉洪山中心">武汉洪山中心</option>
      <option value="武汉汉口中心">武汉汉口中心</option>
      <option value="长沙雨花中心">长沙雨花中心</option>
      <option value="重庆渝中中心">重庆渝中中心</option>
      <option value="杭州下城中心">杭州下城中心</option>
    </select>
    <input type="text" placeholder="您的昵称">
    <input class="phone" type="text" placeholder="您的电话">
    <textarea placeholder="请输入..."></textarea>
    <input class="kashi" type="button" value="确认提交">
    <div style="margin-top: 10px">1.请填写预约信息，备注为选填。</div>
    <div style="margin-bottom: 50px">2.请确保所填写资料真实准确，便于我们及时与您取得联系，为您安排时间进行评估</div>
  </div>
</div>
<script src="../waibujs/foot.js"></script>

<script src="../waibujs/xiala.js"></script><!--下拉菜单-->
<script src="../waibujs/xinxi.js"></script><!--首页-->
<script>
  var pp=document.querySelector('.phone')
  var input=document.querySelectorAll('input')
  var text=document.querySelector('textarea')
  var zhenze=/^[1][3,4,5,7,8,9][0-9]{9}$/;
  pp.onblur=function ()
  {
    if(!zhenze.test(pp.value))
    {
      alert('请输入正确的号码')
    }
    // console.log(zhenze.test(pp.value))
  }
  var kai=document.querySelector('.kashi')
  kai.onclick = function()
  {
   input[0].value=''
   input[1].value=''
   text.value=''
  }

</script>
</body>
</html>